<template>
     <div class="aboutUsContainer">
        <HeaderBar title="关于我们" :isBack="true"></HeaderBar>
        <div style="flex: 1;background-color: #f9f9f9;">
        <div style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-100%);color: #950000;">

            <!-- <h1 style="color: #950000;line-height: 40px">{{ storeName }}</h1> -->
            <img :src="storeLogo" style="width: 100%;height: 100px;" alt="">
            <h2 style="color: #950000;line-height: 40px;">B2B产品方案服务平台</h2>


            <div style=" font-size: 16px;line-height: 40px">服务热线: <span @click.stop="onDial" style="text-decoration: underline;color: cadetblue;">{{ servicePhone }}</span></div>
            <div style=" font-size: 16px;line-height: 40px">服务时间: <span style="color: cadetblue;">{{ serviceTime }}</span></div>
            <!-- <div style=" font-size: 16px;">服务描述: <span style="color: cadetblue;">{{ serviceDesc }}</span></div> -->
            <div style=" font-size: 16px;line-height: 40px">QQ客服: <span style="color: cadetblue;">{{ qqService }}</span></div>


        </div>
        </div>
    </div>
</template>
<script>
    import HeaderBar from '../components/Header.vue'
    import { getSettingInfo } from '../api/user'
    export default {
        components:{
            HeaderBar
        },
        data(){
            return{
                storeName:'',
                servicePhone:'',
                serviceDesc:'',
                serviceTime:'',
                storeLogo:'',
                qqService:''
            }
            
        },
        name:'AboutUsView',
        mounted(){

            getSettingInfo().then(res=>{
                console.log('获取设置信息', res)
                this.storeName = res.Data.StoreName
                this.servicePhone = res.Data.ServiceTelePhone
                this.serviceTime = res.Data.StoreServiceTime
                this.serviceDesc = res.Data.Servicedesc
                this.storeLogo = res.Data.StoreLogoStr1
                this.qqService = res.Data.OnlineConsultingCode


            }).catch(err=>{
                console.log('获取设置信息失败', err)
            })
        },
        methods:{
            onDial(){
                window.location.href = 'tel:'+this.servicePhone
            }
        }
    }
</script>
<style scoped>
.aboutUsContainer{
    background-color: #950000;
    height: 100%;
    width: 100vw;
    display: flex;
    flex-direction: column;
    color: white;
}
</style>